<!doctype html>
<html lang="en" id="uc_outside" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_basicInfo.css">
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        性格外貌
    </div>
    <div class="right">
        <a v-on:click="save()">
            保存
        </a>
    </div>
</div>
<ul>
    <li>
        体&nbsp;&nbsp;形
        <span>
            <span>\{{getName(shapeList, req.shape)}}</span>
        </span>
        <select v-model="req.shape">
            <option v-for="item in shapeList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        发&nbsp;&nbsp;型
        <span>
            <span>\{{getName(hairStyleList, req.hairStyle)}}</span>
        </span>
        <select v-model="req.hairStyle">
            <option v-for="item in hairStyleList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        发&nbsp;&nbsp;色
        <span>
            <span>\{{getName(hairColorList, req.hairColor)}}</span>
        </span>
        <select v-model="req.hairColor">
            <option v-for="item in hairColorList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        脸&nbsp;&nbsp;型
        <span>
            <span>\{{getName(faceList, req.face)}}</span>
        </span>
        <select v-model="req.face">
            <option v-for="item in faceList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        个性描述
        <span>
            <span>\{{getName(personalityList, req.personality)}}</span>
        </span>
        <select v-model="req.personality">
            <option v-for="item in personalityList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        相貌自评
        <span>
            <span>\{{getName(looksList, req.looks)}}</span>
        </span>
        <select v-model="req.looks">
            <option v-for="item in looksList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        魅力部位
        <span>
            <span>\{{getName(charmList, req.charm)}}</span>
        </span>
        <select v-model="req.charm">
            <option v-for="item in charmList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
</ul>
</body>
<script>var app = 'uc_outside';</script>
<script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>